<script>
export default {
	onLaunch: function() {
		console.log('App Launch');
	},
	onShow: function() {
		console.log('App Show');
	},
	onHide: function() {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
@import "@/static/iconfont.css";
/*每个页面公共css */ 
$im-nav-bar-height: 50px;
.middleCenter{
	display: flex;
	justify-content: center;
	align-items: center;
}
.middleLeft{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.middleRight{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.page-content{
	position: relative;
	// #ifdef H5
	height: calc(100vh - $im-nav-bar-height); // app平台还要减去顶部手机状态栏高度
	top: $im-nav-bar-height;
	// #endif
	// #ifndef H5
	height: calc(100vh - var(--status-bar-height) - $im-nav-bar-height); // app平台还要减去顶部手机状态栏高度
	top: calc($im-nav-bar-height + var(--status-bar-height));
	// #endif
	display: flex;
	flex-direction: column;
	.page-main{
		flex: 1;
	}
}

.tab-page {
	position: relative;
	display: flex;
	flex-direction: column;
	// #ifdef H5
	height: calc(100vh - 50px - $im-nav-bar-height); // h5平台100vh是包含了底部高度，需要减去
	top: $im-nav-bar-height;
	// #endif

	// #ifndef H5
	height: calc(100vh - var(--status-bar-height) - $im-nav-bar-height); // app平台还要减去顶部手机状态栏高度
	top: calc($im-nav-bar-height + var(--status-bar-height));
	// #endif
	// color: $im-text-color;
	// background-color: $im-bg;
	// font-size: $im-font-size;
	// font-family: $font-family;
}

</style>
